<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" />
		<!--IE用最新版本渲染-->
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>金融服务</title>
		<link rel="stylesheet" type="text/css" href="../css/jquery.bxslider.css" />
		<link rel="stylesheet" type="text/css" href="../css/index.css" />
		<link rel="stylesheet" type="text/css" href="../css/base.css" />
		<link rel="stylesheet" type="text/css" href="../css/guide.css"/>
		<link rel="stylesheet" type="text/css" href="../css/max.css" media="screen and (min-width:1135px)" />
		<link rel="stylesheet" type="text/css" href="../css/min_max.css" media="screen and (min-width:990px) and (max-width:1135px)" />
		<link rel="stylesheet" type="text/css" href="../css/min.css" media="screen and (max-width:990px)" />
		<meta content="telephone=no,email=no" name="format-detection" />
		<script type="text/javascript" src="../js/logo.js" ></script>
		<script type="text/javascript" src="../js/jquery.js" ></script>
	</head>

	<body>
		<div class="container clearfix">
			<div class="box">
				<div class="lion-cat">
					<a href="#">狮友汇&nbsp;&nbsp;></a>
					<a href="#">天猫旗舰店&nbsp;&nbsp;></a>
				</div>
				<aside>
					<div class="logo">
						<div class="logo_btn">
							<span></span> 菜单
						</div>
					</div>
					<ul>
						<li>
							<a href="index.html" class="aside_a">首页</a>
						</li>
						<li>
							<a href="exhibit.html" class="aside_a">车型展示</a>
							<div class="none nav1">
								<h2><a href="#">车型展示</a></h2>
								<h4><a href="#">快速选车</a></h4>
								<ul>
									<li>>
										<a href="#">轿车</a>
									</li>
									<li>>
										<a href="#">SUV</a>
									</li>
									<li>>
										<a href="#">自动</a>
									</li>
									<li>>
										<a href="#">手动</a>
									</li>
								</ul>
								<div>
									<h4><a href="#">所有车型</a></h4>
									<p>>
										<a href="#">5008</a>
										<a href="#">4008</a>
										<a href="#">3008</a>
										<a href="#">2008</a>
										<a href="#">508</a>
									</p>
									<p>>
										<a href="#">408</a>
										<a href="#">308S</a>
										<a href="#">308</a>
										<a href="#">301</a>
									</p>
								</div>
							</div>
						</li>
						<li>
							<a href="order.html" class="aside_a">购车助手</a>
							<div class="none nav1">
								<h2><a href="#">购车助手</a></h2>
								<ul class="clearfix aid">
									<li>>
										<a href="#">预约试驾</a>
									</li>
									<li>>
										<a href="#">经销商查询</a>
									</li>
									<li>>
										<a href="#">车型手册</a>
									</li>
									<li>>
										<a href="#">购车计算器</a>
									</li>
									<li>>
										<a href="#">金融方案</a>
									</li>
									<li>>
										<a href="#">促销活动</a>
									</li>
									<li>>
										<a href="#">天猫购车</a>
									</li>
								</ul>
							</div>
						</li>
						<li>
							<a href="dealer.html" class="aside_a">经销商查询</a>

						</li>
						<li>
							<a href="serve.html" class="aside_a">车主服务</a>
							<div class="none nav1">
								<h2><a href="#">车主服务</a></h2>
								<ul class="clearfix serve">
									<li>
										<a href="#">服务品牌</a>
									</li>
									<li>
										<a href="#">蓝色关爱</a>
									</li>
									<li>
										<a href="#">售后政策</a><br />>
										<a href="#">质量担保</a><br />>
										<a href="#">紧急救援</a>
									</li>
									<li>
										<a href="#">保养查询</a><br />>
										<a href="#">按车型查询</a><br />>
										<a href="#">保养规范</a>
									</li>
									<li>
										<a href="#">用车指南</a><br />>
										<a href="#">用车知识</a><br />>
										<a href="#">使用说明书</a>
									</li>
									<li style="border:0px;">
										<a href="#"></a>
									</li>
									<li>
										<a href="#">售后天猫旗舰店</a>
										<a href="#">预约维保</a>
										<a href="#">车主俱乐部</a>
									</li>
								</ul>
							</div>
						</li>
						<li>
							<a href="world.html" class="aside_a">品牌天地</a>
							<div class="none nav1">
								<h2><a href="#">品牌天地</a></h2>
								<ul class="clearfix serve">
									<li>
										<a href="#">品牌发展</a><br />>
										<a href="#">标致历史</a><br />>
										<a href="#">标致运动</a><br />>
										<a href="#">东风标致发展</a>
									</li>
									<li>
										<a href="#">标致概念车</a><br />>
										<a href="#">标致概念汽车</a><br />>
										<a href="#">标志概念摩托车</a><br />>
										<a href="#">标致概念脚踏车</a>
									</li>
									<li>
										<a href="#">产品向上</a>
									</li>
									<li>
										<a href="#">技术向上</a><br />>
										<a href="#">PureTech</a><br />>
										<a href="#">ADAS</a><br />>
										<a href="#">Blue-i</a>
									</li>
									<li>
										<a href="#">体验向上</a><br />>
										<a href="#">标致大道</a><br />>
										<a href="#">蓝色关爱品牌</a>
									</li>
									<li>
										<a href="#">品牌新闻</a>
									</li>
								</ul>
							</div>
						</li>
						<li>
							<a href="guide.html" class="aside_a">金融服务</a>
						</li>
					</ul>
				</aside>
				<nav>
					<div class="nav_min"><span></span>菜单</div>
					<div class="nav_img">
						<img src="../img/mobile-logo.png" />
						<img src="../img/mobile_logo2.png" />
					</div>
					<ul class="none">
						<li>
							<a href="#">首页</a>
						</li>
						<li>
							<a href="#">车型展示</a>
						</li>
						<li>
							<a href="#">购车助手</a>
						</li>
						<li>
							<a href="#">经销商查询</a>
						</li>
						<li>
							<a href="#">车主服务</a>
						</li>
						<li>
							<a href="#">品牌天地</a>
						</li>
						<li>
							<a href="#">金融服务</a>
						</li>
					</ul>
				</nav>
				<section>
					<div class="min_map">
						<span class="state">贷款指南</span>
						<p><a href="#">首页</a>&nbsp;>&nbsp;<a href="#">金融服务</a>&nbsp;>&nbsp;<a href="#" class="state">贷款指南</a></p>
					</div>
					<div class="guide_banner">
						<img src="../img/jinrong.jpg"/>
						<p>
							<a href="#" class="guide_a">贷款指南</a>
							<a href="#" class="guide_a">金融方案</a>
						</p>
					</div>
					<div class="guide flows">
						<p>审批流程</p>
						<div class="flow">
							<img src="../img/liucheng.png" />
						</div>
						<p>审核资料</p>
						<ul class="clearfix">
							<li>
								<img src="../img/ziliao-shenfen.png" />
							</li>
							<li>
								<img src="../img/ziliao.png" />
							</li>
							<li>
								<img src="../img/ziliao-juzhu.png" />
							</li>
						</ul>
					</div>
					<div class="guide scheme none">
						<div class="select clearfix">
							<select>
								<option>车型</option>
							</select>
							<select>
								<option>车款</option>
							</select>
							<select>
								<option>金融产品</option>
							</select>
							<select>
								<option>首付比例</option>
							</select>
							<select>
								<option>贷款年限</option>
							</select>
							<div><span>立即查询</span></div>
						</div>
						<form class="clearfix">
							<div class="form_right">
								<p class="form_img"><img src="../img/3.png" /></p>
								<p class="clearfix">
									<label>贷款金额</label>
									<input type="text" />
								</p>
								<p class="clearfix">
									<label>利<span>率</span></label>
									<input type="text" />
								</p>
								<p class="clearfix">
									<label>月<span>供</span></label>
									<input type="text" />
								</p>
							</div>
							<div class="form_left">
								<p class="clearfix">
									<label>车<span>型</span></label><input type=" text" />
								</p>
								<p class="clearfix">
									<label>车<span>款</span></label><input type=" text" />
								</p>
								<p class="clearfix">
									<label>金融产品</label><input type=" text" />
								</p>
								<p class="clearfix">
									<label>首付比例</label><input type=" text" />
								</p>
								<p class="clearfix">
									<label>首付金额</label><input type=" text" />
								</p>
								<p class="clearfix">
									<label>贷款年限</label><input type=" text" />
								</p>
							</div>
						</form>
					</div>
					<footer>
						<ul class="clearfix">
							<li>
								<a href="#">需要帮助吗？</a>
								<a href="#">联系我们</a>
								<a href="#">网站声明</a>
							</li>
							<li>
								<a href="#">发现更多</a>
								<a href="#">大客户服务</a>
								<a href="#">经销商联盟</a>
								<a href="#">诚狮二手车</a>
								<a href="#">加入我们</a>
								<a href="#">友情链接</a>
							</li>
							<li>
								<a href="#">官方平台</a>
								<span>客户服务</span>
								<span>400-8877-108</span>
								<span class="tiny">
									<img src="../img/img1.png" />
									<img src="../img/img2.png" />
									<img src="../img/img3.png" />
									<div class="mic none">
										<img src="../img/peugeot-qrcode.jpg" />
									</div>
									<div class="flag none">
										<a href="#">东风标致官方旗舰店</a>
										<a href="#">东风标致售后旗舰店</a>
									</div>
								</span>
							</li>
						</ul>
						<p class="clearfix">
							<span>预约试驾</span>
							<span>品牌新闻</span>
						</p>
						<div class="map">
							<h4>网站地图<span>></span></h4>
							<ul class="clearfix">
								<li>
									<a href="#">首页</a>
								</li>
								<li>
									<a href="#">车型展示</a>
									<a href="#">SUV</a>
									<a href="#">轿车</a>
									<a href="#">手动</a>
									<a href="#">自动</a>
								</li>
								<li>
									<a href="#">购车助手</a>
									<a href="#">预约试驾</a>
									<a href="#">经销商查询</a>
									<a href="#">车型手册</a>
									<a href="#">购车计算器</a>
									<a href="#">金融方案</a>
									<a href="#">促销活动</a>
									<a href="#">天猫购车</a>
								</li>
								<li>
									<a href="#">金融服务</a>
									<a href="#">贷款指南</a>
									<a href="#">金融方案</a>
									<a href="#"></a>
									<a href="#"></a>
									<a href="#"></a>
									<a href="#"></a>
									<a href="#"></a>
								</li>
								<li>
									<a href="#">车主服务</a>
									<a href="#">服务品牌</a>
									<a href="#">蓝色关爱</a>
									<a href="#">售后政策</a>
									<a href="#">保养查询</a>
									<a href="#">用车指南</a>
									<a href="#">售后天猫旗舰店</a>
									<a href="#">预约维保</a>
									<a href="#">车主俱乐部</a>
								</li>
								<li>
									<a href="#">品牌天地</a>
									<a href="#">品牌发展</a>
									<a href="#">标致概念车</a>
									<a href="#">产品向上</a>
									<a href="#">技术向上</a>
									<a href="#">体验向上</a>
									<a href="#">品牌新闻</a>
								</li>
							</ul>
							<span><a href="#">网站地图</a></span>
						</div>
					</footer>
					<p>&copy;东风标致版权所有 京ICP备05021113号</p>
				</section>
			</div>
		</div>
		<a class="up"></a>
		<script type="text/javascript">
			$(document).ready(function() {
				$(".map h4").click(function() {
					$(".map ul").slideToggle();
					$(".map>span").slideToggle();
				})
				$(".guide_a").click(function(){
					$(".guide").hide();
					$(".guide_a").css({"background":"#0B2F49","border-top":"3px solid #0B2F49","color":"white","font-size":"14px"})
					var b=$(".guide_a").index(this);
					$(".state").html($(this).html());
					if(b==0){
						$(".flows").show();
						$(this).css({"background":"white","border-top":"3px solid #007FDA","color":"#0081D9","font-size":"14px"})
					}
					if(b==1){
						$(".scheme").show();
						$(this).css({"background":"white","border-top":"3px solid #007FDA","color":"#0081D9","font-size":"14px"})
					}
				});
				$(".nav_min").click(function(){
					if($("nav>ul").css("display")=="none"){
						$(this).children().css({
							"background":"url(../img/logo_btn2.png) no-repeat center top",
							"background-size":"50% 100%"
						})
					}else{
						$(this).children().css({
							"background":"url(../img/logo_btn1.png) no-repeat left top",
							"background-size":"100% 100%"
						})
					}
					$("nav>ul").slideToggle(1000);
				})
			})
		</script>
	</body>
</html>